import QtQuick 2.5
import QtQuick.Controls 2.1
import QtGraphicalEffects 1.0
import ".."

Rectangle
{
    id: mySubPage
    width: 1024
    height: 600
    signal back()
    property alias name: title.text
    property alias header: headerItem
    Rectangle
    {
        id: headerItem
        height: 70
        width: parent.width
        anchors.top: parent.top
        LinearGradient
        {
            anchors.fill: parent
            source: parent
            gradient: Gradient
            {
                GradientStop{ position: 0.0; color: "#0082FF"; }
                GradientStop{ position: 1.0; color: "#00B6FF"; }
            }
            start: Qt.point(0, 0);
            end: Qt.point(0, 70);
        }
        Text
        {
            id: title
            anchors.centerIn: parent
            font.family: Common.fontMain
            font.pixelSize: 30
            color: "white"
        }
        Text
        {
            id: backText
            anchors.right: parent.right
            anchors.rightMargin: 20
            anchors.verticalCenter: parent.verticalCenter
            text: "退出"
            font.family: Common.fontMain
            font.pixelSize: 18
            color: "white"
        }
        MouseArea
        {
            height: parent.height
            width: height
            anchors.right: parent.right
            onClicked:
            {
                GET_UAC.playBeep()
                mySubPage.back()
            }
        }
    }
}
